﻿.section-meals{
    padding:9.6rem 0;
}

.meal-title{
    font-size: 2.4rem;
    color:#333;
    font-weight: 600;
    margin-bottom: 3.2rem;
}

.meal-attributes{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap:2rem;
}

.meal-attribute{
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    gap:1.6rem;
}

.meal-icon{
    height: 2.4rem;
    width: 2.4rem;
    color: #e67e22;
}

.meal-img{
    width: 100%;
}

strong{
    font-weight: 500;
}

.meal{
    box-shadow: 0 2.4rem 4.8rem rgba(0,0,0,0.075);
    border-radius: 11px;
    overflow:hidden;
    padding:4.8rem;
    transition: all 0.4s;
}

.meal:hover{
    transform:translateY(-1.2rem);
    box-shadow: 0 3.2rem 6.4rem rgba(0,0,0,0.06);
}

/*.meal-content{*/
/*    padding: 3.2rem 4.8rem 4.8rem 4.8rem;*/
/*}*/

.meal-tags{
    margin-bottom: 1.2rem;
}

.tag{
    display: inline-block;
    padding:0.4rem 0.8rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    background-color:#51cf66;
    color:#333;
    border-radius: 100px;
    font-weight: 600;
}

.list{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap:1.6rem;
}

.list-item{
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    gap:1.6rem;
}

.list-icon{
    width: 3rem;
    height: 3rem;
    color:#e67e22;
}



.all-recipes{
    text-align: center;
    font-size: 1.8rem;
}

.link:link,
.link:visited{
    display: inline-block;
    color:#e67e22;
    text-decoration: none;
    border-bottom:1px solid currentColor;
    padding-bottom: 2px;
    transition: all 0.3s;
}

.link:hover,
.link:active{
    color:#cf711f;
    border-bottom: 1px solid transparent;
}

.margin-bottom-md{
    margin-bottom: 4.8rem !important;
}

.center-text{
    text-align: center;
}
